.marketing_coupon_add {
    position: relative;

    min-height: calc(100vh - 190px);

    :deep {
        .el-radio__label {
            color: var(--el-text-color-primary);

            font-weight: 400;
        }
        .el-radio__input.is-checked + .el-radio__label {
            color: var(--el-text-color-primary);

            font-weight: 400;
        }
        .el-checkbox__label {
            color: var(--el-text-color-primary);

            font-weight: 400;
        }
    }

    .d_flex {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        .el-radio {
            &:not(:last-of-type, :first-of-type) {
                margin-bottom: 16px;
            }
        }
        .coupon-prerequisites-radio {
            margin-bottom: 16px;
        }
        .coupon-prerequisites-checkbox {
            margin-top: 13px;
            margin-bottom: 16px;
            padding-left: 22px;

            line-height: initial;
        }
    }

    .dis_flex {
        :deep {
            .el-radio__label {
                display: flex;
            }
        }
    }

    .d_flex_center {
        display: flex;
        align-items: center;
    }

    .mw90 {
        width: 90px;
    }

    .mw108 {
        width: 108px;
    }

    .mw440 {
        width: 440px;
    }

    .mr8 {
        margin-right: 8px;
    }
    .ml8 {
        margin-left: 8px;
    }

    .mb8 {
        margin-bottom: 8px;
    }

    .mb16 {
        margin-bottom: 16px;
    }

    .base_card {
        margin-bottom: 16px;
        :deep(.el-form-item__content) {
            max-width: 440px;
        }
        .expire-at:deep(.el-form-item__content) {
            max-width: initial;
        }
    }
    .last-card {
        min-height: calc(100vh - 540px);
    }
    .unit-span {
        margin-left: 6px;
    }
    .good-form-item {
        :deep(.el-form-item__content) {
            min-width: 800px;
            max-width: 90%;
        }
    }
    .form_content {
        overflow-y: auto;

        max-height: calc(100vh - 210px);
    }

    .custom-el-select {
        width: 75px;
        & + span {
            margin: 0 5px;
        }
    }

    :deep .el-input-number .el-input__inner {
        text-align: left;
    }

    .price-form-item {
        margin: 20px 0;
    }

    .custom-tip {
        width: 100%;

        color: #969696;

        font-family: PingFangSC-Regular, PingFang SC;
        font-size: 12px;
        font-weight: 400;
    }

    .custom-discount {
        display: flex;

        margin-top: 16px;
    }

    .coupon-total-tip {
        width: 100%;
        margin-top: 8px;

        color: #969696;

        font-family: PingFangSC-Regular, PingFang SC;
        font-size: 12px;
        font-weight: 400;
        line-height: initial;
    }

    .rule-checkbox {
        &:last-of-type {
            margin-top: 16px;
        }
        .el-checkbox {
            margin-right: 5px;
        }
        :deep(.el-input-number) {
            width: 90px;
            margin-right: 5px;
        }
    }

    .form-footer {
        position: absolute;
        bottom: -64px;
        left: -15px;

        display: flex;
        align-items: center;
        justify-content: center;

        width: calc(100% + 31px);
        height: 70px;

        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0px 0px 10px 0px rgb(212 212 212 / 50%);
        & > div {
            // margin-left: -160px;
        }
        .el-button {
            width: 80px;
        }
    }

    .el-button.is-disabled,
    .el-button.is-disabled:hover,
    .el-button.is-disabled:focus {
        background-color: var(--el-disabled-bg-color);
    }
    .activity-good-type {
        display: flex;
        align-items: center;

        width: 100%;
    }

    .order-amount {
        display: flex;

        width: 100%;
    }

    .custom-discount-number {
        // width: 92px;
        margin: 0 7px;
    }
}
